<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>my-detail</title>
  <meta name='viewport' content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/detail.css">
  <script src="./lib/flexible/flexible.js"></script>
</head>

<body>

  <div class="m_container">
    <!-- 头部 -->
    <div class="m_header">
      <div class="header_top clearfix">
        <div class="top_logo fl">
          <img src="./images/header_logo.png" alt="">
        </div>
        <div class="header_app fr">
          <a href="#">
            <img src="./images/header_app.png" alt="">
          </a>
        </div>
      </div>
      <div class="header_search clearfix">
        <input type="text" name="" id="" placeholder="请输入你想比价的商品" class="fl">
        <button class="fr">搜索</button>
      </div>
    </div>
   
    <div class="productlist_nav clearfix">
      <a href="index.html">首页></a>
      <a href="category.html">全部分类></a>
      <a href="javascript:;" class="bread_nav">电视></a>
      <button class="btn_filter fr">筛选</button>
    </div>

    <div class="detail_content">
      <div class="box">
       <!-- 商品详情 -->
      </div>

      <div class="detail_nav clearfix">
        <a href="#">比价购买</a>
        <a href="#" >产品参数</a>
        <a href="#">评价(5)</a>
      </div>

      <div class="buy clearfix">
        <div class="fl">
          <img src="./images/jd.png" alt="">
          <span>京东商城</span>
        </div>
        <div class="fr">
          <span class="price">￥699.00 </span>
          <span class="buy_btn fr">去购买</span>
        </div>
      </div>

      <p class="tips">* 实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟。</p>

      <div class="comment">
        <div class="comment_tit">
          网友评价
        </div>
        <ul class="comment_content">
         <!-- 评价 -->
          
        </ul>
      </div>

      <button class="more">查看更多评价</button>
    </div>
    <div class="footer_box">
      <!-- 登录注册 -->
      <div class="login_register">
        <a href="#" class="login">登录</a>
        <a href="#" class="register">注册</a>
        <a href="javascript:;" class="to_top"> <span></span>返回顶部</a>
      </div>
      <!-- 底部 -->
      <div class="m_footer">
        <p><a href="#">手机APP下载</a>慢慢买手机版--<span>掌上比价平台</span></p>
        <p>m.manmanbuy.com</p>
      </div>
    </div>
  </div>

  <!-- 商品详情模板 -->
  <script type="text/template" id="tmp">
    {{each result v i}}
    <p class="box_tit" >{{v.productName}}</p>
    <div class="img_box">
      {{@v.productImg}}
      <div class="icon_collect">
        <img src="./images/sc.jpg" alt="">
      </div>
    </div>
    {{/each}}
  </script>
  <!-- 评价模板 -->
  <script type="text/template" id="tmp1">
    {{each result v i}}
    <li>
      <div class="content_top">
        <span class="user_name fl">{{v.comName}}</span>
        <span class="time">{{v.comTime}}</span>
        <span class="from">{{v.comFrom}}</span>
      </div>
      <p class="text">
          {{v.comContent}}
      </p>
    </li>
    {{/each}}
  </script>

 

  <script src="./lib/jquery/jquery.js"></script>
  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/detail.js"></script>
  <script>



  </script>
</body>

</html>